.home{

   .my-swipe{
       width: 100%;
height: 200px;
box-sizing: border-box;
// border: 1px solid red;
.img{
    width: 100%;
}

   }

   .channel{
       width: 100%;
       height: 90px;
       box-sizing: border-box;
       padding: 10px 0;
   }
   .title{
       height: 50px;
       line-height: 50px;
       text-align: center;
       margin-top:20px ;
}
 .pinpai{
     width: 100%;
     height: 250px;
     box-sizing: border-box;
    //  text-align: center;
    //  border: 1px solid red;
     display: flex;
    //  justify-content: center;
     flex-wrap: wrap;
     justify-content: space-between;
     flex-direction: row;
    
     li{
         position: relative;
         float: left;
         width: 176px;
         height: 116px;
         padding: 5px;
img{
    width: 100%;
    height: 100%;
}
         .text{
             position: absolute;
             top: 10px;
             left: 10px;
         }
     }
 }
 .newgoods-top,.hot{
     overflow: hidden;
     width: 100%;
    height: 130px;
    
    //  line-height: 130px;
    text-align: center;
     background: url()

     no-repeat;
   
     color: #8c9bae;
    font-size: .42667rem;


    .top{
        margin: 10px auto;
        padding-top: 20px;
        // width: 90px;
        width: fit-content;
        // height: 130px;
        // line-height: 60px;
        text-align: center;
        margin-top: 10px;

        p:nth-child(2){
        
            background: #d8e4f0;
            font-size: .29333rem;
        }
    }

   
 }


 .detail{
    display: flex;
    overflow: auto;
    flex-wrap: nowrap;
    width: 100%;
    height: 246px;
    margin-top: .26667rem;
    background: #fff;
    padding-bottom: .13333rem;
    li{
        width: 140px;
        height: 218px;
        p{
            width: 94%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: .10667rem;
    text-indent: 1em;
    text-align: left;
        }
        p:nth-child(2){
            font-size: .4rem;
    font-weight: 700;
        }
        p:nth-child(3){
            color: #8a8a8a;
    font-size: .32rem;
        }
        p:nth-child(4){
            color: #9c3232;
    font-size: .32rem;
        }
    }
}


.hot{
    color: #b1a279;
    font-size: .42667rem;
    vertical-align: middle;
    background: url() no-repeat;
    .top{
        p:nth-child(2){
            margin: 0 auto;
            width: fit-content;
            background: #f4e9cb;
        }
    }
}
   .topicList{
    margin-top: .26667rem;
    background: #fff;
    width: 100%;
    height: 304px;
    .topicList-top{
        text-align: center;
    padding: .48rem;
    vertical-align: middle;
    .icon{
        display: inline-block;
    width: .42667rem;
    height: .42667rem;
    margin-left: .06667rem;
    background: url() no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
}
    }
     .list{
         display: flex;
         flex-wrap: nowrap;
         overflow: auto;
         height: 250px;
         width: 100%;
         li{
            //  float: left;
            // width: 7.66667rem;
            width: 286px;
            margin-left: .33333rem;
            height: 100%;
            .btom{
                display: flex;
    justify-content: space-between;
    margin-bottom: .56rem;
    width: 100%;
    div:first-child{
        width: 88%;
        text-align: left;
        p:first-child{
            font-size: .4rem;
    font-weight: 700;
        }
        p:nth-child(2){
            width: 80%;
    color: #8a8a8a;
    font-size: .32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
        }
    }
    div:nth-child(2){
        width: 20%;
        margin-top: .10667rem;
    color: #9c3232;
    font-size: .32rem;
    }
            }
         }
     }

   }

   .newCategory{
       width: 100%;
    //    height: 8286px;
       box-sizing: border-box;
       margin-top: .26667rem;
    padding: 0 .13333rem .33333rem .13333rem;
       .list{
           width: 364px;
           height: 918px;
           .head{
            background-color:#F4F4F4;
            padding: .33333rem 0;
            text-align: center;
            // border: 1px solid red;
            .sublist{
                display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 9.73333rem;
    height: 878px;
    margin: 0 auto;

    li{
        text-align: left;
        box-sizing: border-box;
    width: 180px;
        height: 214px;
    background: #fff;
    border: 1px solid red;
    margin-bottom: .13333rem;
    padding-bottom: .13333rem;
    }

    .smallicon{
        display: inline-block;
        background: url()
        no-repeat;
background-size: 100% 100%;
margin-top: 34px;
        width: 34px;
        height: 34px;
      
    }
            }
           }
       }
   }
    .box2{
        width: 100%;
        height: 30px;
    }


   }
    


